﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Task 39</title>
    <script >
        
            TargetDate = "12/31/2012 5:00 AM";
            BackColor = "palegreen";
            ForeColor = "navy";
            CountActive = true;
            CountStepper = -1;
            LeadingZero = true;
            DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";
            FinishMessage = "It is finally here!";
        function init() { timeDisplay = document.createTextNode(""); document.getElementById("clock").appendChild(timeDisplay); }
            function updateClock() {
                var currentTime = new Date();

                var currentHours = currentTime.getHours();
                var currentMinutes = currentTime.getMinutes();
                var currentSeconds = currentTime.getSeconds();

                // Pad the minutes and seconds with leading zeros, if required
                currentMinutes = (currentMinutes < 10 ? "0" : "") + currentMinutes;
                currentSeconds = (currentSeconds < 10 ? "0" : "") + currentSeconds;

                // Choose either "AM" or "PM" as appropriate
                var timeOfDay = (currentHours < 12) ? "AM" : "PM";

                // Convert the hours component to 12-hour format if needed
                currentHours = (currentHours > 12) ? currentHours - 12 : currentHours;

                // Convert an hours component of "0" to "12"
                currentHours = (currentHours == 0) ? 12 : currentHours;

                // Compose the string for display
                var currentTimeString = currentHours + ":" + currentMinutes + ":" + currentSeconds + " " + timeOfDay;

                // Update the time display
                document.getElementById("clock").firstChild.nodeValue = currentTimeString;
            }
        
</script>

</head>
<body onload="updateClock(); setInterval('updateClock()', 1000 )" >
   <center>До Нового року залишилось:
    <script  src="http://scripts.hashemian.com/js/countdown.js"></script></center>
    <br />
   <div style="font-size: 2em; text-align: center">А зараз:</div>
    <div style="width: 10em; text-align: center; margin: 20px auto;font-size: 3em">
  <span id="clock">&nbsp;</span>
</div>
</body>
</html>
